import antfu from '@antfu/eslint-config'

export default antfu({
  formatters: {
    css: true,
  },
  unocss: true,
  vue: {
    overrides: {
      'vue/no-mutating-props': ['error', {
        shallowOnly: true,
      }],
      'vue/component-name-in-template-casing': ['error', 'kebab-case', {
        registeredComponentsOnly: false,
        ignores: [],
      }],
      'vue/html-self-closing': ['error', {
        html: {
          void: 'never',
          normal: 'never',
          component: 'never',
        },
      }],
      'vue/singleline-html-element-content-newline': 'off',
      'vue/multiline-html-element-content-newline': 'off',
      'vue/no-static-inline-styles': ['warn', {
        allowBinding: true,
      }],
    },
  },
  javascript: {
    overrides: {
      'no-console': 'warn',
      'no-unused-vars': 'warn',
      'unused-imports/no-unused-vars': 'warn',
      'perfectionist/sort-imports': 'off',
    },
  },
  ignores: [
    'src/utils/pca.ts',
    'src/utils/pca2.ts',
  ],
})
